<template>
  <el-card shadow="never">
    <el-row style="padding-bottom: 10px;border-bottom: 1px solid #f5f7f9">
      评价管理
    </el-row>
    <el-row justify="space-between">
      <div style="margin-top: 10px">近90天续购率：<span style="color: #f83685">暂无续购</span></div>
      <div style="float: right;margin-top: 10px">
        <span>累计评价：<span style="color: #f83685">暂无评价</span></span>
        <span style="margin-left: 10px">累计续购率：<span style="color: #f83685">暂无评价</span></span>
      </div>
    </el-row>
  </el-card>
  <el-card shadow="never" style="margin-top: 10px;height: 100vh">
    <el-row>
      <b>商品评价</b>
    </el-row>
    <el-menu
        v-model="title"
        class="el-menu-demo"
        mode="horizontal"
        default-active='0'
        active-text-color="#f83683"
        @select="handleSelect">
      <el-menu-item v-for="(item,index) in title" :index="index">{{ item }}</el-menu-item>
    </el-menu>
    <el-row align="middle" justify="center">
      <img src="@/assets/images/pingjia.png" alt="评价">
    </el-row>
  </el-card>
</template>

<script setup lang="ts">
import {ref} from "vue";

const handleSelect = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const title = ref(['全部(0)', '近天(0)', '五星（0）', '四星（0）', '三星（0）', '两星（0）', '一星（0）'])

</script>

<style lang="less" scoped>


</style>
